<template>
    <main id="maincontent" role="main">
      <div class="container container--zone" role="region">
        <!-- 个人财务 -->
        <div class="region region--full">
          <div class="component component--module quick-links">
            <!-- 引入公共组件 tabText.vue-->
            <tabText :listlinkData='interList' :moreList='moreList' @tabChange="tabChange"></tabText>
          </div>
        </div>
        <div class="region region--primary">
        <!-- 引入公共组件面包屑  pageHead.vue-->
        <pageHead :titleData="titleData"></pageHead>
      </div>
      </div>
      <div class="container container--zone" role="region">
        <!-- 引入公共组件  marketPlace.vue  We Make-->
        <!-- realEstate -->
        <realEstate :newsData1="newsData1"></realEstate>
        <marketPlace></marketPlace>
        <!-- 引入 MOST POPULAR 组件 -->
        <mastPopular></mastPopular>
      </div>
      <div class="container container--zone" role="region">
        <div class="region region--primary">
          <!-- morePersonal -->
        <morePersonal :moreHeader="moreHeader" :moreData="moreData"></morePersonal>
        </div>
      </div>
    </main>
  </template>
  
  <script setup>
  import { newsDataArrays } from "@/api/theMoneyist.js";
  // 引入公共组件  marketPlace.vue  We Make
  import marketPlace from "@/views/latestNews/hotheHeadlines/marketPlace/marketPlace";
  // import frontPage from "@/views/latestNews/hotheHeadlines/frontPage/frontPage";
  // 引入面包屑模块
  import pageHead from "@/components/pageHead/pageHead";
  // import '@/text.css';
  // 引入 MOST POPULAR 组件
  import mastPopular from "@/views/home/mastPopular/mastPopular";
  // realEstate.vue
import realEstate from '@/views/personalFinance/realEstate/realEstate';
// morePersonal
import morePersonal from "@/views/personalFinance/morePersonal/morePersonal"
  const titleData = reactive({
    title: "The Moneyist",
    link: "Home",
    name: "The Moneyist",
  });
  const moreHeader = ref({
  content:'MORE FROM THE MONEYIST',
});
  const {
    listlinkData,
    moreList,
    FrontData,
    FrontData1,
    FrontData2,
    newsData1,
    taxesData,
    movementData,
    movementData1,
    movementData2,
    spendingData,
    spendingData1,
    moreData,
  } = newsDataArrays();
  </script>
  
  <style scoped></style>
  